<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
    <head>

        <!-- Basic Page Needs
  ================================================== -->
        <meta charset="utf-8">
        <title>ShopFine:A propos</title>
        <meta name="description" content="">
        <meta name="author" content="Ahmed Saeed">
        <!-- Mobile Specific Metas
  ================================================== -->
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <!-- CSS
  ================================================== -->
        <link rel="stylesheet" href="css/bootstrap.min.css" media="screen">
        <!-- jquery ui css -->
        <link rel="stylesheet" href="css/jquery-ui-1.10.1.min.css">
        <link rel="stylesheet" href="css/customize.css">
        <link rel="stylesheet" href="css/font-awesome.css">
        <link rel="stylesheet" href="css/style.css">
        <!-- flexslider css-->
        <link rel="stylesheet" href="css/flexslider.css">
        <!-- fancybox -->
        <link rel="stylesheet" href="js/fancybox/jquery.fancybox.css">
        <!--[if lt IE 9]>
                <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
                <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
                <link rel="stylesheet" href="css/font-awesome-ie7.css">
        <![endif]-->
        <!-- Favicons
        ================================================== -->
        <link rel="shortcut icon" href="images/favicon.html">
        <link rel="apple-touch-icon" href="images/apple-touch-icon.html">
        <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.html">
        <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.html">
    </head>

    <body>

        <div id="mainContainer" class="clearfix">

            <!--begain header-->
            <header>
                <div class="upperHeader">
                    <div class="container">
                        <ul class="pull-right inline">
                            <li><a href=""><img src="img/reseausosc/facebook_32.png"/></a></li>
                            <li><a href="#"><img src="img/reseausosc/google_32.png"/></a></li>
                            <li><a href="http://twitter.com/amaranthe"><img src="img/reseausosc/twitter_32.png"/></a></li>
                            <li><a href="#"><img src="img/reseausosc/youtube_32.png"/></a></li>
                        </ul>
                        <p>
                            Bienvenu au PA-Learning<a href="login.jsp">Connexion</a> ou <a href="register.jsp">Creer un nouveaux Compte</a>
                        </p>
                    </div><!--end container-->
                </div><!--end upperHeader-->

                <div class="middleHeader">
                    <div class="container">

                        <div class="middleContainer clearfix">

                            <div class="siteLogo pull-left">
                                <h1><a href="index.jsp">PA-Learning</a></h1>
                            </div>

                            <div class="pull-right">
                                <form method="get" action="" class="siteSearch">
                                    <div class="input-append">
                                        <input type="text" class="span2" id="appendedInputButton" placeholder="Search...">
                                        <button class="btn btn-primary" type="submit" name=""><i class="icon-search"></i></button>
                                    </div>
                                </form>
                            </div>

                               <div class="pull-right">

                                <div class="btn-group">
                                    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                                        FR <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu language">
                                        <li><a href="#">EN</a></li>
                                        
                                    </ul>
                                </div>

                                

                            </div><!--end middleCoontainer-->

                        </div><!--end middleCoontainer-->

                    </div><!--end container-->
                </div><!--end middleHeader-->

                <div class="mainNav">
                    <div class="container">
                        <div class="navbar">

                            <ul class="nav">
                                <li class="active"><a href="index.jsp"><i class="icon-home"></i></a></li>
                                <li>
                                    <a href="apropos.html">A propos<i class="icon-caret-down"></i></a>
                                    <div>
                                        <ul>
                                            <li><a href="loginprof.jsp"> <span>-</span> Formateur</a></li>
                                            <li><a href="loginresponsable.jsp"> <span>-</span> Responsable de qualité</a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#">Cours<i class="icon-caret-down"></i></a>
                                    <div>
                                        <ul>
                                            <li><a href="theme.jsp"> <span>-</span> Theme<i class="icon-caret-right pull-right"></i></a>
                                            <div>
                                                    <ul>
                                                        <li><a href="module.jsp"> <span>-</span> Module</a>
                                                              
                                                        </li>
                                                        
                                                    </ul>
                                                </div>      
                                            </li>
                                            
                                            <li>
                                                <a href="#"> <span>-</span> Skirts (0) <i class="icon-caret-right pull-right"></i></a>
                                                <div>
                                                    <ul>
                                                        
                                                        <li><a href="#"> <span>-</span> Shorts (54) </a></li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li><a href="#"> <span>-</span> Suits &amp; Tailoring (82)</a></li>
                                          
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#">Examen</a>
                                    <div>

                                    </div>
                                </li>
                                <li><a href="entreprise.jsp">Entreprise</a></li>
                                <li><a href="#">Probleme/Soultion</a></li>
                                <li>
                                    <a href="contact.html">Contactez-nous<i class="icon-caret-down"></i></a>
                                    <div>

                                    </div>
                                </li>
                                <li><a href="#">OutLet</a></li>

                            </ul><!--end nav-->

                        </div>
                    </div><!--end container-->
                </div><!--end mainNav-->

            </header>
            <!-- end header -->
            <div class="container">
                <div class="row">
                    <div class="span7">
                        <div class="cart-accordain" id="cart-acc">

                            <div class="accordion-group">
                                <div class="accordion-heading">
                                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#cart-acc" href="#estimate">
                                        <i class="icon-caret-right"></i>Le E-Learning chez Nous 
                                    </a>
                                </div>
                                <div id="estimate" class="accordion-body collapse in">
                                    <div class="accordion-inner">
                                        Leader en ingénierie pédagogique multimodale, PA-Learning propose une offre de formation simple aux approches classiques les avantages du multimédia et du e-Learning pour un apprentissage encore plus efficace, accessible à tous.
                                        Soucieux de répondre aux exigences des entreprises et de coller au mieux à la réalité des salariés et des responsables de formation, le groupe Cegos enrichit ses solutions de formation traditionnelles par l’usage du multimédia et des nouvelles technologies.
                                        Le terme e-Learning englobe ainsi l’ensemble des moyens de formation utilisant le multimédia et les nouvelles technologies pour proposer des dispositifs 100% à distance, mixte ou même utilisables en présentiel.	
                                    </div>
                                </div>
                            </div><!--end accordion-group-->

                            <div class="accordion-group">
                                <div class="accordion-heading">
                                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#cart-acc" href="#discount-code">
                                        <i class="icon-caret-right"></i> Un apprentissage souple et personnalisable
                                    </a>
                                </div>
                                <div id="discount-code" class="accordion-body collapse">
                                    <div class="accordion-inner">
                                        « Où je veux, quand je veux et à mon rythme ». Du e-Learning au serious game, de la visioformation au webinar, en passant par les outils collaboratifs et le e-Learning 2.0, ces nouvelles modalités apportent une nouvelle dimension aux dispositifs de formation pour contribuer à une plus grande liberté et une individualisation de l’apprentissage.
                                        Simple d’accès, sans contrainte de temps ni de lieu, diffusable rapidement à grande échelle, le e-Learning est aujourd’hui largement adopté par les DRH et les directions de formation. Il permet d’acquérir des connaissances, d’harmoniser des pratiques en amont d’un présentiel, d’approfondir, de  s’entraîner, et enfin d’ancrer des apports à tout moment.
                                    </div>
                                </div>
                            </div><!--end accordion-group-->
                            <div class="accordion-group">
                                <div class="accordion-heading">
                                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#cart-acc" href="#optimisation">
                                        <i class="icon-caret-right"></i>Une optimisation des budgets de formations
                                    </a>
                                </div>
                                <div id="optimisation" class="accordion-body collapse">
                                    <div class="accordion-inner">
                                        Leader en ingénierie pédagogique multimodale, Cegos propose une offre de formation variée et multi-supports associant aux approches classiques les avantages du multimédia et du e-Learning pour un apprentissage encore plus efficace, à coût optimisé et accessible à tous.
                                        Soucieux de répondre aux exigences des entreprises et de coller au mieux à la réalité des salariés et des responsables de formation,traditionnelles par l’usage du multimédia et des nouvelles technologies.
                                        Le terme e-Learning englobe ainsi l’ensemble des moyens de formation utilisant le multimédia et les nouvelles technologies pour proposer une formation 100% à distance, mixte ou même utilisables en présentiel.	
                                    </div>
                                </div>
                            </div><!--end accordion-group-->

                            <div class="accordion-group">
                                <div class="accordion-heading">
                                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#cart-acc" href="#apprentissage">
                                        <i class="icon-caret-right"></i> Un apprentissage souple et personnalisable
                                    </a>
                                </div>
                                <div id="apprentissage" class="accordion-body collapse">
                                    <div class="accordion-inner">
                                        « Où je veux, quand je veux et à mon rythme ».la visioformation , en passant par les outils collaboratifs et le e-Learning 2.0, ces nouvelles modalités apportent une nouvelle dimension aux dispositifs de formation pour contribuer à une plus grande liberté et une individualisation de l’apprentissage.
                                        Simple d’accès, sans contrainte de temps ni de lieu, diffusable rapidement à grande échelle, le e-Learning est aujourd’hui largement adopté par les DRH et les directions de formation. Il permet d’acquérir des connaissances, d’harmoniser des pratiques en amont d’un présentiel, d’approfondir, de  s’entraîner, et enfin d’ancrer des apports à tout moment.
                                    </div>
                                </div>
                            </div><!--end accordion-group-->

                            <div class="accordion-group">
                                <div class="accordion-heading">
                                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#cart-acc" href="#gift-voucher">
                                        <i class="icon-caret-right"></i>Une optimisation des budgets de formations
                                    </a>
                                </div>
                                <div id="gift-voucher" class="accordion-body collapse">
                                    <div class="accordion-inner">
                                        Dans une logique d’optimisation des coûts logistiques et de déplacement, le e-Learning apporte une vraie valeur ajoutée pour les participants
                                        et les responsables de formation. Il garantit l’accès à des modules de formation opérationnels et pédagogiques à un coût optimisé et disponibles
                                        « Juste à temps ».   Sur des déploiements à grande échelle, le e-Learning réduit sensiblement les coûts d’accès à la formation et assure une homogénéité
                                        des messages clés sur des populations dispersées géographiquement.
                                    </div>
                                </div>
                            </div><!--end accordion-group-->

                        </div><!--end cart-accordain-->
                    </div><!--end span7-->
                </div><!--end row-->

            </div><!--end conatiner-->


            <!--begain footer-->
            <footer>
                <div class="footerOuter">
                    <div class="container">
                        <div class="row-fluid">
	<div class="span6">
						<div class="titleHeader clearfix">
							<h3>LIENS UTILES</h3>
						</div>

						
						<div class="usefullLinks">
							<div class="row-fluid">
								<div class="span6">
									<ul class="unstyled">
										<li><a class="invarseColor" href="#"><i class="icon-caret-right"></i> A propos</a></li>
										<li><a class="invarseColor" href="#"><i class="icon-caret-right"></i> Contactez-Nous</a></li>
										<li><a class="invarseColor" href="#"><i class="icon-caret-right"></i>Théme/Module</a></li>
										<li><a class="invarseColor" href="#"><i class="icon-caret-right"></i>Examen</a></li>
									</ul>
								</div>

								<div class="span6">
									<ul class="unstyled">
										<li><a class="invarseColor" href="#"><i class="icon-caret-right"></i>FAQ</a></li>
										<li><a class="invarseColor" href="#"><i class="icon-caret-right"></i>Entreprise</a></li>
										<li><a class="invarseColor" href="#"><i class="icon-caret-right"></i>Formateur</a></li>
										
									</ul>
								</div>
							</div>
						</div>

					</div><!--end span6-->

					<div class="span3">
						<div class="titleHeader clearfix">
							<h3>Contact Info</h3>
						</div>

						<div class="contactInfo">
							<ul class="unstyled">
								<li>
									<button class="btn btn-small">
										<i class="icon-volume-up"></i>
									</button>
									Tél: <a class="invarseColor" href="#">5246-4697-891</a>
								</li>
								<li>
									<button class="btn btn-small">
										<i class="icon-envelope-alt"></i>
									</button>
									<a class="invarseColor" href="#">PA.learning@gmail.com</a>
								</li>
								<li>
									<button class="btn btn-small">
										<i class="icon-map-marker"></i>
									</button>
									22 Avenue 2mars....
								</li>
							</ul>
						</div>

					</div><!--end span3-->

					<div class="span3">
						<div class="titleHeader clearfix">
							<h3>Newslatter</h3>
						</div>

						<div class="newslatter">
							<form method="get" action="http://egythemes.com/shopfine/page">
								<input class="input-block-level" type="text" name="email" value="" placeholder="Your Name...">
								<input class="input-block-level" type="text" name="email" value="" placeholder="Your E-Mail...">
								<button class="btn btn-block" type="submit" name="">Join Us Now</button>
							</form>
						</div>

					</div><!--end span3-->

                        </div><!--end row-fluid-->

                    </div><!--end container-->
                </div><!--end footerOuter-->

                <div class="container">
                    <div class="row">
                        <div class="span12">

                            <p>© Copyrights 2012 for shopfine.com</p>
                        </div>
                    </div>
                </div>
            </footer>
            <!--end footer-->

        </div><!--end mainContainer-->
        <!-- Sidebar Widget
        ================================================== -->
        <!-- JS
        ================================================== -->
        <script src="js/jquery.min.js"></script>
        <script src="js/jquery-ui.min.js"></script>
        <!-- jQuery.Cookie -->
        <script src="js/jquery.cookie.js"></script>
        <!-- bootstrap -->
        <script src="js/bootstrap.min.js"></script>
        <!-- flexslider -->
        <script src="js/jquery.flexslider-min.js"></script>
        <!-- cycle2 -->
        <script src="js/jquery.cycle2.min.js"></script>
        <script src="js/jquery.cycle2.carousel.min.js"></script>
        <!-- tweets -->
        <script src="js/jquery.tweet.js"></script>
        <!-- fancybox -->
        <script src="js/fancybox/jquery.fancybox.js"></script>
        <!-- custom function-->
        <script src="js/custom.js"></script>

    </body>
</html>